html{
	color: #4b4b4b;
}

body{
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;	
}

#header{
	border-bottom: 1px solid #DBE9EC;
	height: 40px;
	padding-bottom: .5em;
}

#header img{
	height: 40px;
	width: 40px;
	float:left;
	margin-right: 0.4em;
}

#header h1{
	font-size: 2.2em;
	font-family: 'Acme', sans-serif; /* 'Squada One', cursive, */
	float: left;
	margin: 0px;
	color: #016592;
}

#header a{
	text-decoration: none;
	color: #4b4b4b;
	font-weight: normal;

}

#header img{
	border:0px;
}


#searchbox {
	float: right;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #DBE9EC;
	padding: 3px 5px;
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #eef5fc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef5fc));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
#searchbox  input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
#searchbox  .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 270px;
	border: solid 1px #DBE9EC;
	outline: none;

	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

}
#searchbox .searchbutton {
	color: #fff;
	border: solid 1px #DBE9EC;
	font-size: 11px;
	height: 27px;
	width: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #0187c5;
}

#workspace, #songversions, #homeaccordion {
	margin-top: .5em;
}

.versionbox {

	float:left;
	margin: 5px;
	width:180px;
	height: 200px;

	text-align: center;
	font-size: 11px;
	padding: 5px;
		
	border: solid 1px #DBE9EC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}

.versionbox img{
	width:180px;
	height: 135px;
	margin-bottom:5px;
	border:0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#sidebar{
	font-size: .8em;
	border-left: 1px solid #DBE9EC;
	margin-left:9px; /* border + margin = 10px */
	margin-top: 1em;
	padding-top:2.8em;
}

.sidebarbox{
	margin-bottom: 0.5em;
	padding:.5em;
	padding-top:0em;
}

.sidebarbox h1{
	color:#0187c5;
	background-color: #eef5fc;
	padding: .5em;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
	
.sidebarbox ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sidebarbox li {
	background-image: url('../images/vinil.png');
	background-repeat: no-repeat;
	background-position: 0px 3px; 
	padding-left: 13px; 
}

.sidecontent{
	padding-left:.5em;
}

/* ADS */
#buyon img{
	width:88px;
	border:1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.advertising img{
	width: 290px;	
}

.advertising p{
	color: #ccc;
	text-align:right;
	font-size: 0.8em;
	margin:0px;

}

#footer{
	border-top: 1px solid #DBE9EC;
	padding-top: 1em;
	height: 40px;
	margin-top:2em;
	font-size: .5em;
}

#workspacebanner{
	margin-top: 1em;
}


/* NAV BAR */
/*globalnav*/

#navigationtabs{
	margin-top: 1em;
	margin-bottom: 1em;
}

#tab_0,#tab_1,#tab_2,#tab_3,#tab_4 {
	padding-left: .5em;
}

#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0em;
	margin:0;
	list-style:none;
	line-height:1em;
	border-bottom: 1px solid #0187c5;
	font-size: 1.1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:#0187c5;
	text-decoration:none;
	font-weight: normal;
	background:#eef5fc;
	margin-left: .5em;
	padding: .5em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #0187c5;

	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#0187c5;
	color: #fff;
	font-weight: normal;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

/* TEXT CSS */

a{
	color:#0187c5;
	text-decoration: none;
}

a:hover{
	color:#FB8E8E;
	text-decoration:underline;
}

h1
{
	font-size: 1.3em;
	margin-bottom: 0.5em;
	margin-top:0em;
}

